﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SchemeDesign.aspx.cs" Inherits="SkWeb.FASJ.SchemeDesign" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>方案设计</title>
    <link href="../easyui/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="../easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <script src="../easyui/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="../easyui/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../js/index.js" type="text/javascript"></script>
    <script type="text/javascript">

        function enterPressSubmit (eleId, e) {
            var keynum;
            if (window.event) // IE
            {
                keynum = e.keyCode;
                if (keynum == 13) {
                    event.keyCode = 9;
                    $("#" + eleId).click();
                }
                else {
                    return;
                }
            }
            else if (e.which) // Netscape/Firefox/Opera
            {
                keynum = e.which;
                if (keynum == 13) {
                    $("#" + eleId).click();
                }
                else {
                    return;
                }
            }
        }

        $(function () {

            $(document).keydown(function (event) {

                enterPressSubmit("aSubmitRedirect", event);
            });

            // ********************************** 井数据列表 ******************************

            $("#dg").datagrid({
                url: '../Handlers/SchemeDesignHandler.aspx?op=getschemedesignwell',
                columns: [
                [
                    { field: "ID", title: "id", hidden: true },
                    { field: "JH", title: "井号" },
                    { field: "JB", title: "井别" },
                    { field: "SKJD1", title: "井段底深" },
                    { field: "SKJD2", title: "井段顶深" },
                    { field: "WJYMD", title: "完井液密度" },
                    { field: "WJYMC", title: "完井液类型" }
                ]
            ],
                pagination: true,
                pageSize: 15,
                pageList: [10, 15, 20],
                singleSelect: true,
                loadMsg: '数据加载中......',
                rownumbers: true,
                method: "post",
                idField: "ID",
                toolbar: "#tb",
                queryParams:
                {
                    jh: $('#txtId').val()
                },
                onSelect: function (rowIndex, rowData) {
                    if (rowData) {
                        $("#txtHiddenId").val(rowData.ID);
                        //$("#txtJB").val(rowData.JB);
                        $("#txtJB").combobox("setValue", rowData.JB);
                        $("#txtQCYZSD").val(rowData.ZLHSD);
                        $("#txtSKJD1").val(rowData.SKJD1);
                        $("#txtSKJD2").val(rowData.SKJD2);
                        $("#txtWJYMC").combobox("setValue", rowData.WJYMC);
                        $("#txtWJYMD").val(rowData.WJYMD);
                        $("#txtYGGG").combobox("setValue", rowData.YGGG);
                        $("#txtSKQX").combobox("setValue", rowData.SKQX);
                        $("#txtSKDX").combobox("setValue", rowData.SKDX);
                        $("#lblSHR").text(rowData.SHR);
                        $("#lblLRR").text(rowData.LRR);
                    }
                },
                onLoadSuccess: function () {
                    $("#dg").datagrid("selectRow", 0);

                },
                rowStyler: function (index, row) {
                    return "font-size:14px";
                }
            });

            //设置分页控件  
            var p = $('#dg').datagrid('getPager');
            $(p).pagination({
                pageSize: 15, //每页显示的记录条数，默认为10  
                pageList: [10, 15, 20], //可以设置每页记录条数的列表  
                beforePageText: '第', //页数文本框前显示的汉字  
                afterPageText: '页    共 {pages} 页',
                displayMsg: ''
                /*displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
                */
            });

            $("#txtId").keydown(function (event) {
                enterPressSubmit("dataid", event);
            });

            $("#dataid").click(function () {
                $("#dg").datagrid("load",
                { jh: $('#txtId').val() });
            });

            $("#aSubmitRedirect").click(function () {
                if ($("#txtHiddenId").val() == undefined || $("#txtHiddenId").val() == "") {
                    $.messager.alert("Warning", "请选择待处理的井信息！", "Warning");
                    return;
                }

                $.messager.alert("提示框", "该井为一级风险井，所在区域为高危区块！");

                $.post(
                '../Handlers/SkgysjbHandler.aspx?op=updateskgysjb',
                {
                    id: $("#txtHiddenId").val(),
                    jb: $("#txtJB").combobox("getValue"),
                    qcyzsd: $("#txtQCYZSD").val(),
                    skjd1: $("#txtSKJD1").val(),
                    skjd2: $("#txtSKJD2").val(),
                    yggg: $("#txtYGGG").combobox("getValue"),
                    wjymc: $("#txtWJYMC").combobox("getValue"),
                    wjymd: $("#txtWJYMD").val(),
                    skqx: $("#txtSKQX").combobox("getValue"),
                    skdx: $("#txtSKDX").combobox("getValue"),
                    lrr: $("#txtLRR").text(),
                    shr: $("#txtSHR").text()
                },
                function (data, statusText) {
                    if (data.success) {
                        $("#dialogSchemeType").dialog("open");
                    }
                    else {
                        $.messager.alert("Error", "提交数据异常！", "Error");
                    }
                }
                );


            });

            // ********************************** 选择方案类型 ******************************

            //自动生成
            $("#btnzdsc").click(function () {
                //$("#dialogSchemeType").dialog("close");
                //$("#dialogColumnParams").dialog("open");
                var node = $("#divtemplate").treegrid("getSelected");
                if (node) {
                    $("#hiddenTempalteID").val(node.TMP_ID);
                }
                //TODO: 添加弹出 window 方法

                document.getElementById("frame").src = "../FAXZ/WordBrowse.aspx?op=browseFromLFS&id=" + $("#txtHiddenId").val() + "&tempalteid=" + $("#hiddenTempalteID").val();
                $('#w').window('open');
                //                var win = window.open("../FAXZ/WordBrowse.aspx?id=" + $("#txtHiddenId").val() + "&tempalteid=" + $("#hiddenTempalteID").val(), "",
                //                 "top=0,left=0,scrollbars=no,status=0,directory=0,location=0");
                //                var h = screen.availHeight;
                //                var w = screen.availWidth; 
                //                win.resizeTo(w, h);

            });

            //人工干预
            $("#btnrggy").click(function () {
                //$("#dialogSchemeType").dialog("close");
                var node = $("#divtemplate").treegrid("getSelected");
                if (node) {
                    $("#hiddenTempalteID").val(node.TMP_ID);
                }

                document.getElementById("frame").src = "../FAXZ/ExcelBrowse.aspx?id=" + $("#txtHiddenId").val() + "&tempalteid=" + $("#hiddenTempalteID").val();
                $('#w').window('open');
                //TODO: 添加弹出 window 方法
            });

            $("#divtemplate").treegrid({
                url: '../Handlers/SchemeDesignHandler.aspx?op=gettemplatetree&pid=1000',
                idField: 'TMP_ID',
                treeField: 'TMP_MC',
                columns: [[
                    { title: '模版分类', field: 'TMP_MC', width: 480 }
                ]]
            });

            //点击灌输射孔
            $("#btngssk").click(function () {
                $("#divtemplate").treegrid({
                    url: '../Handlers/SchemeDesignHandler.aspx?op=gettemplatetree&pid=1001',
                    idField: 'TMP_ID',
                    treeField: 'TMP_MC',
                    columns: [[
                    { title: '模版分类', field: 'TMP_MC', width: 480 }
                ]]
                });
            });

            //点击电缆射孔
            $("#btndlsk").click(function () {
                $("#divtemplate").treegrid({
                    url: '../Handlers/SchemeDesignHandler.aspx?op=gettemplatetree&pid=1053',
                    idField: 'TMP_ID',
                    treeField: 'TMP_MC',
                    columns: [[
                    { title: '模版分类', field: 'TMP_MC', width: 480 }
                ]]
                });
            });

            //点击作业施工
            $("#btnzysg").click(function () {
                $("#divtemplate").treegrid({
                    url: '../Handlers/SchemeDesignHandler.aspx?op=gettemplatetree&pid=1054',
                    idField: 'TMP_ID',
                    treeField: 'TMP_MC',
                    columns: [[
                    { title: '模版分类', field: 'TMP_MC', width: 480 }
                ]]
                });
            });

            // ********************************** 管柱参数 ******************************

            $("#dialogColumnParams").dialog({
                onOpen: function () {
                    var data = $("#dg").datagrid("getSelected");
                    if (data == null || data == undefined)
                        return;
                    $("#lblqcyzsd2").text(data.ZLHSD);
                    $("#lblSKJDYD1").text(data.SKJD1);
                    $("#lblSKJDYD2").text(data.SKJD2);

                    $.post(
                     '../Handlers/SkgysjbHandler.aspx?op=getygcs',
                     { id: $("#txtHiddenId").val() },
                     function (data, textStatus) {
                         if (data != null || data != undefined) {
                             if (data.length > 0) {
                                 $("#txtPTCD").val(data[0].PTCD);
                                 $("#txtDWDJ").val(data[0].DWDJ);
                                 $("#txtYGGS").val(data[0].YGGS);
                                 $("#txtHiddenYGCSID").val(data[0].ID);
                             }

                         }
                         else {

                         }
                     });
                }
            });

            //修改油管参数
            $("#submitYGCS").click(function () {
                $.post(
                '../Handlers/SkgysjbHandler.aspx?op=updatesygcs',
                {
                    id: $("#txtHiddenYGCSID").val(),
                    yggs: $("#txtYGGS").val(),
                    dwdj: $("#txtDWDJ").val(),
                    ptcd: $("#txtPTCD").val()
                },
                function (data, statusText) {
                    if (data.success) {
                        $("#dialogColumnParams").dialog("close");
                        $("#divEquipmentCalc").dialog("open");
                    }
                    else {
                        $.messager.alert("Error", "提交数据异常！", "Error");
                    }
                }
                );
            });

            // ********************************** 压力起爆装置计算 ******************************

            $("#divEquipmentCalc").dialog({
                onOpen: function () {
                    var data = $("#dg").datagrid("getSelected");
                    if (data == null || data == undefined)
                        return;
                    $("#txtCZSD").val(data.SKJD2);
                    $("#txtMD").val(data.WJYMD);

                }
            });

            // **********************************  ******************************
        });



        //******************* Word 修改保存***********************************

        $(function () {

            $("#aSubmitSave").click(function () {

                var str = document.getElementById("frame").src;
                if (str.indexOf("Word") >= 0) {
                    window.frames["frame"].SaveFile();
                    alert("保存成功！");
                }
                else {
                    window.frames["frame"].save();
                    alert("保存成功！");
                }


            });
            $("#aClose").click(function () {
                $('#w').window('close');

            });

            $('#w').dialog({
                onClose: function () {
                    document.getElementById("frame").src = "#";

                }
            });

        });


        ////************************************************






    </script>
    <style type="text/css">
        .gridview
        {
            padding: 1px 1px 1px 1px;
            vertical-align: middle;
            clear: both;
            height: 20px;
            border-collapse: collapse;
            font-size: 12px;
        }
        .gridview td
        {
            border: solid 1px #82D1E7;
            padding: 1px 1px 1px 1px;
            vertical-align: middle;
            clear: both;
            border-collapse: collapse;
            height: 25px;
            padding-left:2px;
        }
        
        .inputCell
        {
            
            height: 21px;
            top: 1px;
            left: 28px;
            border: 1px solid lightblue;
            font-family: verdana;
        }
        
        .labelCell
        {
            
            height: 21px;
            top: 1px;
            left: 28px;
            font-family: verdana;
        }
        
        
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div title="方案设计">

            <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td style=" width:550px; vertical-align: top">
                    <table id="dg"  style=" font-size:14px;">
                    </table>
                    <div id="tb" style="margin-bottom: 1px;">
                        <input type="text" id="txtId" />
                        <a href="#" id="dataid" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">
                            查询</a>
                    </div>
                </td>
                <td style="vertical-align: top; text-align: left;">
                    <!-- 基础数据 -->
                    <table style="margin-left: 1px;" border="0" cellspacing="0" cellpadding="0" width="100%"
                        class="gridview">
                        <tr>
                            <td colspan="4" style="font-size: 16px; text-align: center; background-color: LightGray">
                                基础数据
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 120px;">
                                井别
                            </td>
                            <td>
                                <%--<input type="text" id="txtJB" class="inputCell">--%>
                                <input id="txtJB" class="easyui-combobox" 
                                data-options="url:'../Handlers/ConstDictHandler.aspx?cst_type=1100',valueField:'CST_DESC', textField:'CST_DESC' ">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                前磁遇阻深度(m)
                            </td>
                            <td>
                                <input type="text" id="txtQCYZSD" class="inputCell">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                射孔井段
                            </td>
                            <td>
                                <input  type="text" id="txtSKJD1" class="inputCell" style=" width:69px;">
                                --
                                <input type="text" id="txtSKJD2" class="inputCell" style=" width:69px;">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                油管规格(mm)
                            </td>
                            <td>
                                <%--<input type="text" id="txtYGGG" class="inputCell">--%>
                                <input id="txtYGGG" class="easyui-combobox" 
                                data-options="url:'../Handlers/ConstDictHandler.aspx?cst_type=1000',valueField:'CST_DESC', textField:'CST_DESC' ">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                完井液类型
                            </td>
                            <td>
                                <%--<input type="text" id="txtWJYMC" class="inputCell">--%>
                                <input id="txtWJYMC" class="easyui-combobox" 
                                data-options="url:'../Handlers/ConstDictHandler.aspx?cst_type=1400',valueField:'CST_DESC', textField:'CST_DESC' ">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                完井液密度(m³)
                            </td>
                            <td>
                                <input type="text" id="txtWJYMD" class="inputCell">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                枪型
                            </td>
                            <td>
                                <%--<input type="text" id="txtSKQX" class="inputCell">--%>
                                <input id="txtSKQX" class="easyui-combobox" 
                                data-options="url:'../Handlers/ConstDictHandler.aspx?cst_type=1300',valueField:'CST_DESC', textField:'CST_DESC' ">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                弹型
                            </td>
                            <td>
                                <%--<input type="text" id="txtSKDX" class="inputCell">--%>
                                <input id="txtSKDX" class="easyui-combobox" 
                                data-options="url:'../Handlers/ConstDictHandler.aspx?cst_type=1200',valueField:'CST_DESC', textField:'CST_DESC' ">
                            </td>
                        </tr>
                        <tr>
                            <td>
                                审核人
                            </td>
                            <td>
                                <label id="lblSHR" class="labelCell"></label>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                录入人
                            </td>
                            <td>
                                <label id="lblLRR" class="labelCell"></label>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center; height:27px;">
                                <a id="aSubmitRedirect" href="javascript:void(0)" class="easyui-linkbutton">提交并选择方案</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <input type="hidden" id="txtHiddenId">

        </div>
        

    <!-- 选择方案类型 -->
    <div id="dialogSchemeType" class="easyui-dialog" title="选择方案类型"  style="width:600px;height:450px"
    data-options="closed:true, collapsible:false, maximizable:false, minimizable:false, buttons:'#dlg-buttons'">
        <div style=" margin-left:1px; margin-top:1px;">
            
            <div style=" margin:2px;">
                <a class="easyui-linkbutton" href="javascript:void(0)" id="btngssk">管输射孔</a>
                <a class="easyui-linkbutton" href="javascript:void(0)" id="btndlsk">电缆射孔</a>
                <a class="easyui-linkbutton" href="javascript:void(0)" id="btnzysg">作业施工</a>
            </div>

            <table id="divtemplate" style="width:500px; height:320px; margin:2px;">
            	
            </table>
            
            <!-- 保存选择的模版ID -->
            <input type="hidden" id="hiddenTempalteID" />
        </div>
        
    </div>

    <div id="dlg-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton" id="btnzdsc" >自动生成</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" id="btnrggy" >人工干预</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dialogSchemeType').dialog('close')">关闭</a>
    </div>

    <!-- 射孔管柱参数 -->
    <div id="dialogColumnParams" data-options="closed:true, buttons:'#dialogColumnParams-buttons'" title="管柱参数" 
    style="width:400px;height:300px"  class="easyui-dialog">
        <table class="gridview" style="margin-top:1px; margin-left:1px;" border="0" cellspacing="0" cellpadding="0" width="97%">
        	<tr>
        		<td>炮头长度(m)</td><td>
                    <input type="text" class="inputCell" id="txtPTCD"
                     class="easyui-validatebox" data-options="required:true,validType:'number'" />
                </td>
        	</tr>
            <tr>
                <td>定位短节</td>
                <td>
                    <input type="text" class="inputCell" id="txtDWDJ" />
                </td>
            </tr>
            <tr>
                <td>油管根数</td>
                <td><input type="text" class="inputCell" id="txtYGGS" /></td>
            </tr>
            <tr>
                <td>油顶(m)</td>
                <td><label type="text" class="labelCell" id="lblSKJDYD1" /></td>
            </tr>
            <tr>
                <td>油底(m)</td>
                <td><label type="text" class="labelCell" id="lblSKJDYD2" /></td>
            </tr>
            <tr>
                <td>前磁遇阻深度(m)</td>
                <td><label id="lblqcyzsd2" class="labelCell" /></td>
            </tr>
        </table>
        <input type="hidden" id="txtHiddenYGCSID">
    </div>

    <div id="dialogColumnParams-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton" id="dialogColumnParams-pre" onclick="javascript:$('#dialogColumnParams').dialog('close');$('#dialogSchemeType').dialog('open');" >上一步</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" id="submitYGCS" >下一步-压力起爆装置计算</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#dialogColumnParams').dialog('close')">关闭</a>
    </div>

    <!-- 压力起爆装置计算 -->
    <div id="divEquipmentCalc" data-options="closed:true, buttons:'#divEquipmentCalc-buttons'" title="压力起爆装置计算" 
    style="width:400px;height:300px"  class="easyui-dialog">
        <table class="gridview" style="margin-top:1px; margin-left:1px;" border="0" cellspacing="0" cellpadding="0" width="97%">
        	<tr>
        		<td>垂直深度h(单位:m)</td><td>
                    <input type="text" class="inputCell" id="txtCZSD"
                     class="easyui-validatebox" data-options="required:true,validType:'number'" />
                </td>
        	</tr>
            <tr>
        		<td>ρ(单位:kg/m³)</td><td>
                    <input type="text" class="inputCell" id="txtMD"
                     class="easyui-validatebox" data-options="required:true,validType:'number'" />
                </td>
        	</tr>
            <tr>
        		<td>g(单位:N/吨)</td><td>
                    <label class="labelCell" >0.0098</label>
                </td>
        	</tr>
            <tr>
        		<td>压力起爆装置所处位置温度(单位:℃)</td><td>
                    <label id="lblTemp" class="labelCell" ></label>
                </td>
        	</tr>
            <tr>
        		<td>剪切销值随温度降低百分率(单位:%)</td><td>
                    <label class="labelCell" >Δ= 1.71</label>
                </td>
        	</tr>
            
        </table>
    </div>
    <div id="divEquipmentCalc-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton" id="A1" onclick="javascript:$('#divEquipmentCalc').dialog('close');$('#dialogColumnParams').dialog('open');" >上一步</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" id="A4" >下一步</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#divEquipmentCalc').dialog('close')">关闭</a>
    </div>










	<div id="w" class="easyui-dialog" title="手动修改" data-options="iconCls:'icon-edit',closed:true,toolbar: '#dlg-toolbar'"  style= "width:920px;height:650px;padding:0px; z-index:10000000">
    <div id="dlg-toolbar" style="padding:2px 0">
		<table cellpadding="0" cellspacing="0" style="width:100%">
			<tr>
				<td style="padding-left:2px">
					<a href="javascript:void(0)" id="aSubmitSave" class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true">保存</a>
					<a href="javascript:void(0)" id="aClose" class="easyui-linkbutton" data-options="iconCls:'icon-cancel',plain:true">关闭</a>
				</td>
				<td style="text-align:right;padding-right:2px">
					<input class="easyui-searchbox" data-options="prompt:'Please input somthing'" style="width:150px"></input>
				</td>
			</tr>
		</table>
	</div>
    <div  style="padding:0px; height:100%">  
				   
                <iframe src="#" id="frame"  width="100%" height="100%" scrolling="no" style=" padding:0px"></iframe>
			</div>
	<%--	<div class="easyui-layout" data-options="fit:true">
			<div data-options="region:'west',split:true" style="width:250px">

            <table id="Table1" title="超链接管理" class="easyui-datagrid" style="width:250px;height:650px"
            url="get_users.php"
            toolbar="#toolbar" pagination="false"
            rownumbers="true" fitColumns="false" singleSelect="true">
        <thead>
            <tr>
                <th field="firstname" width="150px">文本</th>
                <th field="lastname" width="50px">行号</th>
              
            </tr>
        </thead>
    </table>
    <div id="toolbar">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newHyperLink()">New</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editHyperLink()">Edit</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyHyperLink()">Remove</a>
    </div>
    
   <div id="dlg" class="easyui-dialog" style="width:400px;height:180px;padding:10px 20px; z-index:10000"
            closed="true" buttons="#dlg-buttons">
        <div class="ftitle">HyperLink Information</div>
        <form id="fm" method="post" novalidate>
            <div class="fitem">
                <label>选择行:</label>
                <input name="firstname" class="easyui-validatebox" required="true">
            </div>
            <div class="fitem">
                <label>文本内容:</label>
                <input name="lastname" class="easyui-validatebox" required="true">
            </div>
           
        </form>
    </div>
    <div id="Div1">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Save</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancel</a>
    </div>
   

   </div>


			<div data-options="region:'center'" style="padding:0px;">
				
                <iframe src="#" id="frame"  width="100%" height="100%"></iframe>
			</div>
			<div data-options="region:'south',border:false" style="text-align:right;padding:0px;">
				<a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="javascript:alert('ok')">Ok</a>
				<a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:alert('cancel')">Cancel</a>
			</div>
		</div>--%>
	</div>









    </form>
</body>
</html>
